<template>
	<view>
		<view class="mobile-item-container">
			<view style="padding: 20rpx 0;">
				<u-grid col="3" style="align-items: start;">
					<u-grid-item @click="navigateTo('/pages/work/mainWork/pointToPoint')">
						<!-- <text class="iconfont">&#xe705;</text> -->
						<text class="icon t-icon-wuliuguanli"></text>
						<text class="btn-text">点对点叫车</text>
					</u-grid-item>
					<u-grid-item @click="navigateTo('/pages/work/mainWork/storage')">
						<text class="icon t-icon-zhuangliao-madui"></text>
						<text class="btn-text" style="text-align: center;">储位绑定</br>与解绑</text>
					</u-grid-item>
					<u-grid-item @click="navigateTo('/pages/work/mainWork/containerReturnBack')">
						<text class="icon t-icon-shengchantuiliao"></text>
						<text class="btn-text">空载具回流</text>
					</u-grid-item>
				</u-grid>
				<view style="padding: 20rpx 0;">
					<u-grid col="3" style="align-items: start;">
						<u-grid-item @click="navigateTo('/pages/work/mainWork/dispatch')">
							<text class="icon t-icon-shengchanlingliaotuihui"></text>
							<text class="btn-text">派发补料</text>
						</u-grid-item>
						<u-grid-item @click="navigateTo('/pages/work/mainWork/dispatchOld/dispatchOld')">
							<text class="icon t-icon-kaixiangyanhuochuku"></text>
							<text class="btn-text">手工发料</text>
						</u-grid-item>
						<u-grid-item @click="navigateTo('/pages/work/mainWork/delivery')">
							<text class="icon t-icon-tiaobo"></text>
							<text class="btn-text">配送作业</text>
						</u-grid-item>
					</u-grid>
				</view>
				<view style="padding: 20rpx 0;">
					<u-grid col="3" style="align-items: start;">
						<u-grid-item @click="navigateTo('/pages/work/manual/manual')">
							<text class="icon t-icon-shengchanlingliaotuihui"></text>
							<text class="btn-text">人工派发补料</text>
						</u-grid-item>
					</u-grid>
				</view>
			</view>
		</view>
		<scan-code></scan-code>
	</view>
</template>

<script>
	import { mapGetters } from 'vuex'
	import Gap from '@/components/gap/Gap'
	import scanCode from "@/components/scanCode/scan-code.vue"

	export default {
		components: {
			Gap,
			scanCode
		},
		data() {
			return {
			}
		},
		onShow: function() {
			// var _this = this
			// uni.$off('scancodedate') // 每次进来先 移除全局自定义事件监听器  
			// uni.$on('scancodedate', function(data) {
			// 	console.log('你想要的code：', data.code)
			// })
		},
		methods: {
			navigateTo(url) {
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style>
	@import '@/common/icon/iconfont.css'
</style>